@backColor: #f1f2f3;
@darkBackColor: #2a2a2a;

.kaitify {
  span[kaitify-math] {
    display: inline-block;
    padding: var(--kaitify-small-padding);
    border-radius: var(--kaitify-border-radius);
    margin: 0 var(--kaitify-sides-between);
    transition: all 300ms;
    max-width: 100%;
    text-indent: 0;

    &:hover {
      cursor: pointer !important;
      background: fade(@backColor, 50);
    }

    .katex {
      overflow: hidden;
      font-size: 1.4em;
    }
  }

  &.kaitify-dark span[kaitify-math] {
    &:hover {
      background: fade(@darkBackColor, 50);
    }
  }
}
